<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta http-equiv="Expires" content="0">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-control" content="no-cache">
    <meta http-equiv="Cache" content="no-cache">
    <title>智能进出口服务平台</title>
    <link rel="shortcut icon" type="image/x-icon" href="/images/logo.ico" />
    <link rel="stylesheet" type="text/css" href="/layui/css/layui.css?v=202001010101" />
    <link rel="stylesheet" type="text/css" href="/css/font-awesome.min.css?v=202001010101" />
    <link rel="stylesheet" type="text/css" href="/css/jquery-ui.css?v=202001010101">
    <link rel="stylesheet" type="text/css" href="/css/style.css?v=202001010101">
    <style type="text/css">
        .layui-table td[data-field="claimedValue"]{
            padding: 0px;
        }
        .layui-table td[data-field="claimedValue"] .layui-table-cell{
            height: 30px;
            line-height: 30px;
            padding:0px;
        }
        .layui-table td[data-field="claimedValue"] .layui-table-cell input{
            border: 0px;
        }
        .total-area{
            display: inline-block;
            line-height: 14px;
            font-size: 14px;
            font-weight: 700;
            margin-left: 100px;
        }
        .total-area span {
            padding-right: 20px;
            color: #0ba9f9;
        }
    </style>
</head>
<body>
<div class="tsf-page-operation" style="height: 274px">
    <div class="layui-card">
        <form class="layui-form" method="post" lay-filter="operationForm" id="operationForm">
            <input type="hidden" name="id" id="contractId"/>
            <div class="layui-card" style="margin-bottom: 0px;">
                <div class="layui-card-header"><span class="def-fc left-split"><i class="fa fa-check-circle-o"></i>待认领订单</span></div>
                <div class="layui-card-body">
                    <div class="layui-row">
                        <table class="layui-hide" id="claimOrderTable" lay-filter="claimOrderTable"></table>
                    </div>
                </div>
            </div>
            <div class="layui-row p10 operation-btns" style="padding-top: 0px;">
                <div class="layui-col-md12" style="padding-left: 112px;">
                    <button type="button" class="layui-btn layui-btn-normal" id="confirm"><i class="fa fa-check-circle-o"></i>确定认领</button>
                    <button type="button" class="layui-btn layui-btn-danger" id="clearClaimOrder"><i class="fa fa-circle-thin"></i>清空原认领订单</button>
                    <button type="button" class="layui-btn layui-btn-primary close-window"><i class="fa fa-close"></i>关闭</button>

                    <div class="total-area">
                        收款单金额：<span id="c_m1"></span>
                        收款单剩余认领金额：<span id="c_m2"></span>
                        本次领金额：<span id="c_m3">0.00</span>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>
<div class="tsf-page-detail" style="padding: 0px;top: 274px;">
    <div id="accountDetail"></div>
</div>
<script type="text/html" id="claimedValueTemp">
    <input type="text" id="{{d.expOrderId}}" value="{{d.unclaimedValue}}" class="layui-input required unclaimedValue" NUMBER/>
</script>
<script type="text/javascript" src="/js/jquery.min.js?v=202001010101"></script>
<script type="text/javascript" src="/layui/layui.js?v=202001010101"></script>
<script type="text/javascript" src="/My97DatePicker/WdatePicker.js?v=202001010101"></script>
<script type="text/javascript" src="/js/app.js?v=202006010928"></script>
<script type="text/javascript" src="/upload/file-config.js?v=202001010101"></script>
<script type="text/javascript" src="/upload/file.js?v=202001010101"></script>
<script type="text/javascript" src="/finance/overseasReceivingAccount/claim.js?v=202201071227"></script>
</body>
</html>